<html>
<head>
<title>Google wiki editor</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<script type="text/javascript" src="GoogleCodeWikiParser.js"></script> 
</head>
<body>
<script type="text/javascript">
var g = new GoogleCodeWikiParser();
function parseIt(){
var html = g.parse(document.getElementById("source").value);
var dest=document.getElementById("dest");
dest.innerHTML=html;
}
</script>
<div style="height:500;display:block;">
	<div style="float:left;width:83%;">
	Wiki text here:
	<textarea id="source" style="width:100%;height:100%;"></textarea>
	<input type=button value="preview" onclick="parseIt()" style="width:100%;text-align:center;" />
	</div>
	<div style="float:left;width:15%;">
		 <b>Wiki markup help</b> 
			 <div style="padding:2px; font-size:96%"> 
			 =Heading1=<br> 
			 ==Heading2==<br> 
			 ===Heading3===<br> 
			 <br> 
			 *bold* &nbsp; &nbsp;
			 _italic_<br> 
			 `inline code`<br> 
			 escape: `*`<br> 
			 <br> 
			 Indent lists 2 spaces:<br> 
			 &nbsp;&nbsp;* bullet item<br> 
			 &nbsp;&nbsp;# numbered list<br> 
			 <br> 
			 {{{<br> 
			 verbatim code block<br> 
			 }}}<br> 
			 <br> 
			 Horizontal rule<br> 
			 ----
			 <br> 
			 <br> 
			 WikiWordLink<br> 
			 [http://domain/page&nbsp;label]<br> 
			 http://domain/page<br> 
			 <br> 
			 || table || cells ||<br> 			 
		 </div> 
		 <a href="http://code.google.com/p/support/wiki/WikiSyntax" target="new">More
		 examples</a>  
	</div>
</div>
<div id="dest" style="border: solid 1px black;text-align:left;clear:both;"></div>
</body>
</html>